*{
    margin:0;
    padding:0;
    /* outline:1px solid green; */
}

body,html{
    height:100%;
}
/* css4 */
:root{
    --weui-FG-1:rgba(255,255,255,0.5);
    --weui-BG-0:#111;
    --weui-BG-1:#1E1E1E;
}
body{
    /*手机网页*/
    /* css的继承属性 */
    font-family:-apple-style-font,sans-serif;
    background-color: var(--weui-BG-0);
    color:rgba(255,255,255,0.8);
}
.page{
    position:absolute;
    top:0;/* 格式化上下文绝对定位，脱离了文档流*/
right:0;
bottom:0;
left:0;
overflow-y:auto;
-webkit-overflow-scolling:touch;/*让我的滚动丝滑*/
}
.page__hd{
padding:40px;/*相对单位,viewport 相当于视窗*/
}
.page__title{
    text-align: left;
    font-size:20px;
    font-weight:400;
}
.page__desc{
    margin-top:4px;
    color:var(--weui-FG-1);
    text-align: left;
    font-size:14px;
}
.page__bd_spacing{
    padding:0 16px;
}
.page__ft{
    padding-top:40px;
    padding-bottom: 10px;
    text-align: center;
}
.page__ft img{
    height:19px;
    filter:invert(100) hue-rotate(170deg)
}
/* css格式上下文 
flex 可以解决移动端大部分需求*/
.weui-flex{
    /* 解决兼容性问题 
    flex 实验室阶段 w3c
    chrome 先支持 -webkit-flex 还没有批准，先用起来*/
display:flex;
display:-webkit-box;/*前身*/
display:-webkit-flex;
display:-ms-flex;
}
.weui-flex_item{
    flex:1
}
.weui-flex_item .placeholder{
    text-align: center;
    margin:5px;
    padding:0 10px;
    background-color: #1e1e1e;
    height:2.3em;
    /* 相对自身字体大小 */
    line-height: 2.3;
   color:var(--weui-FG-1);
    font-size:10px;
    /* 文字居中 */
}